<%@ page import="com.blog.service.impl.RightServiceImpl"%>
<%@ page import="com.blog.service.RightService"%>
<%@ page import="com.blog.service.LinkService"%>
<%@ page import="com.blog.service.impl.LinkServiceImpl"%>
<%@ page import="com.blog.service.PhotoService"%>
<%@ page import="com.blog.service.impl.PhotoServiceImpl"%>
<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<base href="<%=basePath%>}">
<%

    LinkService linkService=new LinkServiceImpl();
    PhotoService photoService=new PhotoServiceImpl();
    RightService rightService=new RightServiceImpl();

    request.setAttribute("right",rightService.selRight());
    request.setAttribute("ShowLink",linkService.selAllLink());
    request.setAttribute("HeaderPhoto",photoService.selPhoto(1));
%>
<!DOCTYPE html>
<html lang="zh-CN" data-theme="light">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>友情链接</title>
<meta name="description">
<meta name="theme-color" content="#ffffff">
<link rel="shortcut icon" href="blog/img/favicon.png">
<link rel="stylesheet" href="blog/css/index.css">
<link rel="stylesheet"
	href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css">
<link rel="stylesheet"
	href="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.css">
<style type="text/css">
#nav {
	opacity: 1
}

.justified-gallery img {
	opacity: 1
}
/* 背景 */
#page-header {
	background-image: url(blog/img/友情链接.jpg);
	background-attachment: local !important;
}

#page-header.full_page {
	height: 50vh !important;
}
</style>
<script src="blog//js/global_config.js"></script>
<script id="config_change" src="blog//js/global_change.js"></script>
<script src="blog//js/set_theme.js"></script>
<meta name="generator" content="Hexo 5.1.1">
</head>
<body>
	<!-- 引入头部 -->
	<jsp:include page="header.jsp" flush="true" />
	<div id="body-wrap">
		<main class="layout_page" id="content-inner">
		<div id="page">
			<div class="flink" id="article-container">
				<h2>友情链接</h2>
				<div class="flink-desc">那些人，那些事</div>
				<div class="flink-list">
					<div class="flink-list-item">
						<a href="https://jerryc.me/" title="JerryC" target="_blank"><img
							src="https://jerryc.me/image/avatar.png"
							onerror="this.onerror=null;this.src='img/friend_404.gif'"
							alt="JerryC"><span class="flink-item-name">JerryC</span><span
							class="flink-item-desc" title="今日事,今日毕">今日事,今日毕</span></a>
					</div>
					<div class="flink-list-item">
						<a href="https://hexo.io/zh-tw/" title="Hexo" target="_blank"><img
							src="https://d33wubrfki0l68.cloudfront.net/6657ba50e702d84afb32fe846bed54fba1a77add/827ae/logo.svg"
							onerror="this.onerror=null;this.src='img/friend_404.gif'"
							alt="Hexo"><span class="flink-item-name">Hexo</span><span
							class="flink-item-desc" title="快速、简单且强大的网誌框架">快速、简单且强大的网誌框架</span></a>
					</div>
				</div>
				<h2>网站</h2>
				<div class="flink-desc">值得推荐的网站</div>
				<div class="flink-list">
					<div class="flink-list-item">
						<a href="https://www.youtube.com/" title="Youtube" target="_blank"><img
							src="https://i.loli.net/2020/05/14/9ZkGg8v3azHJfM1.png"
							onerror="this.onerror=null;this.src='blog/img/friend_404.gif'"
							alt="Youtube"><span class="flink-item-name">Youtube</span><span
							class="flink-item-desc" title="视频网站">视频网站</span></a>
					</div>
					<div class="flink-list-item">
						<a href="https://www.weibo.com/" title="Weibo" target="_blank"><img
							src="https://i.loli.net/2020/05/14/TLJBum386vcnI1P.png"
							onerror="this.onerror=null;this.src='blog/img/friend_404.gif'"
							alt="Weibo"><span class="flink-item-name">Weibo</span><span
							class="flink-item-desc" title="中国最大社交分享平台">中国最大社交分享平台</span></a>
					</div>
					<div class="flink-list-item">
						<a href="https://twitter.com/" title="Twitter" target="_blank"><img
							src="https://i.loli.net/2020/05/14/5VyHPQqR6LWF39a.png"
							onerror="this.onerror=null;this.src='blog/img/friend_404.gif'"
							alt="Twitter"><span class="flink-item-name">Twitter</span><span
							class="flink-item-desc" title="社交分享平台">社交分享平台</span></a>
					</div>
					<div class="flink-list-item">
						<a href="https://www.w3school.com.cn/" title="W3school"
							target="_blank"><img src="blog/img/w3shool.png"
							onerror="this.onerror=null;this.src='blog/img/friend_404.gif'"
							alt="W3school"><span class="flink-item-name">W3school</span><span
							class="flink-item-desc" title="W3school"> Web 技术教程</span></a>
					</div>
					<div class="flink-list-item">
						<a href="https://www.runoob.com/" title="菜鸟教程" target="_blank"><img
							src="blog/img/菜鸟教程.png"
							onerror="this.onerror=null;this.src='blog/img/friend_404.gif'"
							alt="菜鸟教程"><span class="flink-item-name">菜鸟教程 </span><span
							class="flink-item-desc" title="菜鸟教程">菜鸟教程 - 学的不仅是技术，更是梦想！</span></a>
					</div>
					<div class="flink-list-item">
						<a href="https://www.bilibili.com/" title="bilibili"
							target="_blank"><img src="blog/img/bilibili.jfif"
							onerror="this.onerror=null;this.src='blog/img/friend_404.gif'"
							alt="bilibili"><span class="flink-item-name">bilibili
						</span><span class="flink-item-desc" title="bilibili">中国最大的学习网站</span></a>
					</div>
				</div>
			</div>
		</div>
		<!-- 	引入侧边栏 --> <jsp:include page="right.jsp" flush="true" /> </main>
		<!-- 引入页脚 -->
		<jsp:include page="footer.jsp" flush="true" />

	</div>
	<section id="rightside">
		<div id="rightside-config-hide">
			<button id="darkmode" type="button" title="浅色和深色模式转换">
				<i class="fas fa-adjust"></i>
			</button>
		</div>
		<div id="rightside-config-show">
			<button id="rightside_config" type="button" title="设置">
				<i class="fas fa-cog"></i>
			</button>
			<button id="go-up" type="button" title="回到顶部">
				<i class="fas fa-arrow-up"></i>
			</button>
		</div>
	</section>
	<div>
		<script src="blog/js/jquery.min.js"></script>
		<script
			src="https://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"></script>
		<script src="blog/js/utils.js"></script>
		<script src="blog/js/main.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/typed.js"></script>
		<script
			src="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.js"></script>
	</div>
</body>

</html>